<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<title>Liste des Clients</title>
<meta name="viewport"
	content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="css/loginExt.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="bootstrap3.0.3/css/bootstrap.min.css">
<link rel="stylesheet"
	href="bootstrap3.0.3/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/beoro.css">
<link rel="stylesheet" href="css/apprise.css">
<link rel="icon" type="image/ico" href="img/M.ico">
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
<!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
<!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->
</head>
<body class="body">
	<c:set var="temp" value="0" />
	<jsp:include page="menu.jsp"></jsp:include>
	<div class="main-wrapper">
		<div class="container">
			<ul id="breadcrumbs">
			</ul>
		</div>
		<div class="container"
			style="left: 250px; width: 1000px; position: absolute;">
			<div class="row-fluid">
				<div class="span12">
					<div class="w-box w-box-blue">
						<div class="w-box-header">
							<h4 id="h4">Liste des clients</h4>

						</div>
						<div class="w-box-content">
							<div id="list_scrollTo" class="jQ-list jQ-list-scroll">
								<ul>
									<c:forEach var="sortClient" items="${liste}">
										<c:if test="${temp ne sortClient.nom_client.substring(0,1)}">
											<c:set var="temp"
												value="${sortClient.nom_client.substring(0,1)}" />
											<li>
												<h4>${temp}</h4>
											</li>
										</c:if>
										<div style="margin-left: 15px;">

											<span class="list-username"> <a
												href="<c:url value="client-edit"><c:param name="id" value="${sortClient.id_client}"/></c:url>">${sortClient.nom_client}</a></span>
											<span class="list-info"><span>Phone:</span>${sortClient.telephone_client}
												<span>Email:</span>${sortClient.email_client} </span>
										</div>
									</c:forEach>
								</ul>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>